$(function() {
  // 左侧导航列表动态渲染

  //其他参数:beforeSend在发送之前可以使用return false取消,timeout超时时间,error,async同步还是异步
  $.ajax({
    type: "get", //get或post
    url: "/category/queryTopCategory", //请求的地址
    // data: {}, //如果不需要传，则注释掉 请求的参数，a=1&b=2或{a:1,b:2}或者jq中的serialize方法，或者formData收集
    dataType: "json", //text,json,xml,jsonp
    success: function(res) {
      //成功的回调函数
      console.log(res);
      $(".lt-list-left ul").html(template("tmp-left", res));
    }
  });
  // 右侧二级分类渲染

  // 2- 根据左侧选择一级分类  在右侧渲染对应二级分类
  // 代码即注释
  // id: 一级分类id
  function renderQuerySecondCategory(id) {
    //其他参数:beforeSend在发送之前可以使用return false取消,timeout超时时间,error,async同步还是异步
    $.ajax({
      type: "get", //get或post
      url: "/category/querySecondCategory", //请求的地址
      data: { id: id }, //如果不需要传，则注释掉 请求的参数，a=1&b=2或{a:1,b:2}或者jq中的serialize方法，或者formData收集
      dataType: "json", //text,json,xml,jsonp
      success: function(res) {
        //成功的回调函数
        console.log(res);
        $(".lt-list-right ul").html(template("tmp-right", res));
      }
    });
  }
  renderQuerySecondCategory(1);
  // 3- 点击左侧一级分类，根据一级分类去渲染对应二级分类 ， 切换高亮效果
  $(".lt-list-left ul").on("click", "a", function() {
    $(this)
      .parent()
      .addClass("current")
      .siblings()
      .removeClass("current");
    // 根据一级分类去渲染对应二级分类
    renderQuerySecondCategory($(this).data("id"));
  });
});
